SVG Essentials (2nd Edition) by Eisenberg J. David & Bellamy-Royds Amelia

SVG Essentials (2nd Edition) by Eisenberg J. David & Bellamy-Royds Amelia

Author:Eisenberg, J. David & Bellamy-Royds, Amelia [Eisenberg, J. David & Bellamy-Royds, Amelia]
Language: eng
Format: epub
Tags: svg, o'reilly
ISBN: 9781449374358
Publisher: O'Reilly Media
Published: 2014-10-21T18:30:00+00:00


Figure 11-24. Result of using feDisplacementMap

It’s possible to use the same graphic for both inputs. This means a graphic’s displacement is controlled by its own coloration. This effect, as written in Example 11-15 and displayed in Figure 11-25, can be quite eccentric.

Example 11-15. Using a graphic as its own displacement map

<defs> <filter id="self-displace"> <feDisplacementMap scale="10" xChannelSelector="R" yChannelSelector="G" in="SourceGraphic" in2="SourceGraphic"/> </filter> <g id="flower"> <!-- flower graphic goes here --> </g> </defs> <use xlink:href="#flower" style="filter: url(#self-displace);"/>



Download



Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.